*{
    margin: 0;
    padding: 0;
}
#map_container{
    width: 800px;
    height: 600px;
    margin: 50px auto;
}
button{
    margin: 20px;
}
.effectPoint{
    width: 10px;
    height: 10px;
    background: red;
    position: absolute;
    z-index: 2;
    border-radius: 50%;
    left: 8px;
    top: 8px;
   
}
@keyframes move{
    from{
        transform: scale(0);
    }
    to{
        transform: scale(3.0);
        opacity: 0;
    
    }
}

.effectPoint1{
    animation: move 5s infinite linear;
}
.effectPoint2{
    animation: move 3s infinite linear;
}